<template>
	
	<view class="tab-1" >
		<view class="tab-box">
			<navigator url="/pages/components/home" class="iconfont icon-tuijian">
				
				
					推荐
				
				</navigator>
		</view>
		<view class="tab-box">
		<navigator url="/pages/components/bookshelf/bookshelf" class="iconfont icon-wodeshujia">
			
				书架
			
			
			</navigator>
		</view>
		<view class="tab-box">
			<navigator url="/pages/components/square/square" class="iconfont icon-a-Frame20">
			
					漫广场
			
				
				</navigator>
		</view>
		<view class="tab-box">
			<navigator url="/pages/components/personal/personal" class="iconfont icon-shouye1">
				
					我的
			
				
				</navigator>
		</view>
	</view>
</template>

<script>
import '@/font_4005658_1er4uvw151v/iconfont.css';
export default {
	name:"Tab",
    data() {
        return {
          
        }
    },
    methods: {
    
},
}
</script>

<style>


   .tab-1{
		height: 50px;
		width: 100%;
		position: fixed;
		bottom: 0;
		left:0;
		border-top: solid 0.25px darkgray;
	}
	.tab-box{
	float: left;
	width:25%;
	color: black;
	background: white;
	text-align: center;
	height: 50px;
	line-height: 50px;
	
	}
	
	
	
</style>